<template>
	<h2>父组件向子组件传递静态数据</h2>
	<!-- 1.父组件定义数据 2. 传递数据 -->
	<!-- 语法： 在子组件开始标签中 添加  msg='父组件的数据' -->
	<!-- 请将 以下数据传递到子组件并显示， stuname='自己的名字' age='20' -->
	<!-- <ChildrenA  msg='父组件的数据' stuname='黄艳贞' age='20'></ChildrenA> -->
	<h2>父组件向子组件传递动态数据</h2>
	<!-- <ChildrenA :num1='num1' :stitle1='stitle1' :singer1='singer1' :isLike1='isLike1' :song2='song2' :song3='song3'></ChildrenA> -->
	<ChildrenA :num1='num1'></ChildrenA>
	
</template>

<script setup>
import ChildrenA from './ChildrenA.vue'
import {reactive, ref} from 'vue'
//定义第一条记录
//数字
const num1=ref(1)
//字符串
const stitle1=ref('唯一')
const singer1=ref('邓紫棋')
//布尔
const isLike1=ref(true)

//第二条记录
//数组
const song2=reactive([2,'于是','郑润泽',true])

//第三条记录
//对象
const song3=reactive({
	num3:3,
	stitle3:'你',
	singer3:'郑润泽',
	isLike3:false
})


</script>

<style scoped>
</style>